/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= COMMON 
-------------------------------------------------------------------------------------- */
ul, ol {
    margin: 0;
    padding: 0;
}
ul li{
    list-style-type: none;

}
ol li {
    font-style: italic;
    list-style-type: decimal;
    line-height: 20px;
}
a {
    color: #333333;
    outline: medium none;
    text-decoration: none;
}
a:hover {
    color: #666;
}
body{
    font-family: 'Ubuntu', sans-serif;
    color: #333;
    font-size: 12px;
}
input,
.ui-dropdownized
{
    border-radius: 3px !important;
}
body {
    background: url(../img/backgnds/met_body.png) repeat-x 0 89px  transparent
}
body#met_index {
    background: url(../img/backgnds/met_index.png) repeat-x 0 89px  transparent
}
#met_index .container,
#met_search .container,
#met_accommodation .container{
    margin-top: 0
}

/*
= DO FONTS 
-------------------------------------------------------------------------------------- */
/*#we-speak-your-lang .title,
#currencies .title,
.big-box label,
.freeow,
.hotels-list .ui-dropdownized
{
    font-family: 'FuturaLig', Arial;
}
.big-box .title,
.popular-title,
#footer .social .copy
{
    font-family: 'FuturaBoo', Arial;
}
.btn,
.home-subscribe .title,
.one_object .title,
.one_object .price,
.hotel-details h3,
.hotel-details table td .title,
.hotel-details table td .price,
.special-offer .offer_type
{
    font-family: 'FuturaBol', Arial;    
}
.popular-box .subtitle,
#footer .title,
.group-footer .wrapp #ff-nav li a,
.one_object .object_info a.more,
.popular-box .title,
.hotel-details table th,
.hotel-details .one_facility .title,
.special-offer .more-info,
.special-offer .hotel-name,
.sort-by label,
.display,
.search_term,
.btn-primary,
.hotel-details table td .info
{
    font-family:'FuturaMed', Arial
}*/
/*
= DO PAGE 
-------------------------------------------------------------------------------------- */
.nobg{
    /*background: url(../img/header/header-bg.png) repeat-x;*/
}
#holder{
    /*background: url(../img/content/content-bg.png) repeat-x left bottom;*/
    min-height: 595px;
    min-width: 1006px;
}
.wrapp{
    margin: 0 auto;
    width: 1110px;
}
#content{
    position: relative;
}
.container{
    margin-top: 15px;
    padding-bottom: 30px;
}

/*
= DO HEADER 
-------------------------------------------------------------------------------------- */
#header{ height: 89px;}
#header #logo{
    float: left;
    margin-top: 29px;
    overflow: hidden;
    width: 309px;
    margin-left: -2px;
}
#header #logo a{display: block;}
#header #we-speak-your-lang{
    float: right;
    margin-right: 2px;
}
#we-speak-your-lang .title,
#currencies .title{
    color: #51585B;
    font-size: 23px;
    text-shadow: none;
}
#we-speak-your-lang .title, #we-speak-your-lang .languages, #we-speak-your-lang .languages li{ float: left; }
#we-speak-your-lang .languages li a img{display: block}
#we-speak-your-lang .title{ margin-top: 32px; margin-right: 9px; width: 110px;}
#we-speak-your-lang .languages{ margin-top: 33px;}
#we-speak-your-lang .languages li{margin-left: 7px; border-radius: 2px; overflow: hidden;}

#header #currencies{ float: right}
#header #currencies .title, #header #currencies .currecny-holder{ float: left}
#currencies .title{
    margin-top: 32px; 
    margin-right: 11px;
}
#header #currencies .currecny-holder{
    margin-top: 32px; 
    margin-right: 23px;
}
.currecny-holder .dropdownized{
    width: 123px !important
}
.currecny-holder .ui-dropdownized {
    background: url("../img/backgnds/icon-combobox.png") no-repeat scroll 98% 50% #F68F1E;
}
.currecny-holder .ui-dropdownized div{
    letter-spacing: -0.1px;
}

.home-banner{
    height: 550px
}

/*
= DO SEARCH 
-------------------------------------------------------------------------------------- */
.box{ }
.blue{ background: rgba(44,42,43,.4) }
.big-box{ 
    min-height: 550px;
    width: 445px;
}
#met_index .show_search_form{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 51
}
.big-box .inner{ padding: 30px 60px 0 }
.big-box .title{
    font-size: 36px;
    line-height: 36px;
    color: #FFF;
    text-shadow:1px 1px 1px #000;
    margin-bottom: 29px;
}
.big-box label,
.fixcol label
{
    line-height: 33px;
    font-size: 18px;
    color: #FFF;
    text-shadow: 0 1px 1px #2F2F2F;
    font-weight: 300
}
.big-box input,
#subscribe_input,
.available_form input
{
    background-color: #FFFFFF;
    border: 0 none;
    border-radius: 0;
    color: #9A9A9A;
    font-weight: 400;
    height: 27px;
    padding: 3px 6px;
    width: 138px;
}

.big-box button{
    width: 100%
}

#subscribe_input{
    border: 1px solid #CCCCCC;
}

.big-box .ui-dropdownized{
    border: 0 none;
    border-radius: 0;
    color: #9A9A9A;
    font-weight: bold;
    height: 32px;
    background: url("../img/backgnds/icon-combobox2.png") no-repeat scroll 100% 50% #FFFFFF
}

#hotel-details .available_form input
{
    width: 160px;
    border: 1px solid #CCCCCC;
    height: 23px
}



#hotel-details .available_form .col {
    margin-left: 13px !important;
    margin-bottom: 10px;
}
#hotel-details .available_form .col:first-child {
    margin-left: 0 !important;
}
.form-vertical label{ display: block; }
#dest_hot{ 
    width: 98%; 
    /*font-size: 16px;  */
    padding: 4px 4px;

    font-size: 14px;
    padding-bottom: 3px;

}
.form-col .col{ float: left; position: relative; }
.form-col div.col{ margin-left: 25px; }
.form-col div.col:first-child{ margin-left: 0; }
.top-5{ margin-top: 4px; }
.top-9{ margin-top: 9px; }
.top-10{ margin-top: 25px; }
.top-11{ margin-top: 11px; }
.top-13{ margin-top: 13px; }
.top-18{ margin-top: 18px; }
.top-20{ margin-top: 20px; }
.top-30{ margin-top: 30px; }
.top-40{ margin-top: 40px; }
.top-50{ margin-top: 50px; }
.ui-dropdownized {
    background: url("../img/backgnds/icon-combobox.png") no-repeat scroll 94% 50% #F68F1E;
    padding: 0;
    width: 71px !important;
    padding: 4px 4px 0;
    padding: 0;
    /*font-size: 14px; */
    height: 25px;
    color: #FFF;
    border: 1px inset #C56528;
    display: block;
}
#currency{
    color: #FFF
}
.big-box select{
    width: 71px !important;
}
.ui-dropdownized div {
    padding-top: 0;
    padding-top: 1px;
    padding-left: 6px;
    font-weight: normal;
}
.form-horizontal label, .form-horizontal .ui-dropdownized, .form-horizontal select{
    float: left;
}
.form-horizontal .ui-dropdownized{
    margin-left: 10px;
}
.btn{
    border: 0; 
    border-radius:8px;
    background:url(../img/backgnds/button.png) repeat-x;
    background:#F79020;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 1px 1px #5F5F5F;
    text-shadow: 1px 1px 0 #7F7F7F;
    font-size: 12px;
    padding: 3px 10px;
    padding: 5px 10px 3px;
}
.btn-primary{
    padding: 6px 25px;
    font-size: 18px; 
    box-shadow: none;
    text-shadow: 1px 1px 0 #4F4F4F;
    border: 0;
    text-transform: uppercase;
}
.btn:hover{
    color: #FFF; 
    text-decoration: none !important; 
    background: #FFC892;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s; /* Firefox 4 */
    -webkit-transition:all 0.2s linear 0s; /* Safari and Chrome */
    -o-transition: all 0.2s linear 0s; /* Opera */
}
.form-actions{
    /*float: right;*/
}
.fixcol .col{
    margin-left: 13px !important;
}
.fixcol .col:first-child{
    margin-left: 0 !important;
}
.fixcol label{
    /*line-height: 27px;  */
}
.available_form .ui-dropdownized{
    height: 29px
}
.available_form .col{
    margin-left: 15px !important
}
.available_form .col:first-child{
    margin-left: 0 !important
}
.available_form label{
    padding: 2px 0 3px 1px;
    font-size: 13px;
    color: #51585B;
}
.available_form .ages2 {
    margin-top: 0;
    display: none
}
.available_form .ages2 label {
    float: none;
    font-size: 12px !important;
    margin-right: 0
}
.available_form .ages2 input {
    margin-left: 2px;
    width: 23px !important;
}
.available_form .top-10 {
    margin-top: 23px;
}
.available_info .not-available{
    color: #B30000 !important;
    font-weight: bold;
    margin: 0;
    min-height: 28px;
    padding: 7px 0 0 32px !important;
    position: relative;
}
.available_info .exclamation {
    background-color: #B30000;
    color: #FFFFFF;
    font: bold 140%/180% 'Ubuntu',sans-serif;
    margin: 2px 2px 2px 5px;
    position: absolute;
    text-decoration: blink;
}
::-webkit-input-placeholder {
    color: #51585B;
}

:-moz-placeholder {  
    color: #51585B;  
}
:-ms-input-placeholder{
    color: #51585B;  
}

/*AGES*/
.ages {
    margin-top: 24px;
    /*     float: right !important;*/
    display: none;
    /* padding-top: 3px     */
}
.ages label{
    float: left;
    font-size: 13px !important;
    /*line-height: 29px; */
    margin-right: 8px
}
.ages input{
    width:23px !important;
    /*height: 19px;*/
    margin-left:2px
}
.details .fixcol .ages {
    float: left;
    width: 217px !important;
}
.details .fixcol .ages .age-1 input{
    margin-left: 0
}
.details .fixcol .ages label {
    /*    line-height: 29px;*/
    width: 95px;
    float: none;
}
.details .form-actions {
    margin-bottom: 19px;
    margin-top: 13px;
}
.details-box .form-actions {
    margin-bottom: 0;
    margin-top: 13px;
}

/*Home box*/
.ages.disable{
    background-color: #51585B;
    border-radius: 6px;
    background-color: #4160BA;
    border-radius: 6px 6px 6px 6px;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 5px
}
.ages.disable label {
    color: #A1C0FF
}
.ages.disable input {
    background-color: #4160BA;
    color: #A1C0FF;
    padding: 2px 4px 0;
    margin-top: 1px
}

/*Small box*/
.details .fixcol .ages.disable{
    background-color: #51585B;
    border-radius: 6px;
    background-color: #4160BA;
    border-radius: 6px 6px 6px 6px;
    padding: 0px 0 8px 5px;
    width: 212px !important;
}
.details .fixcol .ages.disable label {
    color: #A1C0FF
}
.details .fixcol .ages.disable input {
    background-color: #4160BA;
    color: #A1C0FF;
    padding: 0 4px;
}

/*SPECIFIC DATES*/ 
.specific input{
    width: 15px !important;
    margin-left: 0;
    float: left;
}
.specific label{
    font-size: 13px !important;
    line-height: 33px !important;
}

/*SPECIAL OFFER*/
.special-offer{
    /*width:474px;*/ 
    /*height: 350px;*/
    /*overflow: hidden;*/
}
.holder{
    position: relative; 
}
.holder .special-deals{
    position: absolute;
    top: 211px;
    right: -21px;    
}
.holder .special-deals a{
    display: block;
    background: url(../img/backgnds/special-deals.jpg) no-repeat;
    width:21px;
    height: 125px;
}
.holder .special-deals a img{
    display: block;
}

.special-offer .inner_text{
    position: absolute;
    width: 638px;
    height: 350px;
    right: 14px;
    text-align: right;
    top: 48px
}
.special-offer .inner_text.inner_text2{
    top: 177px
}

.special-offer .offer_type{
    color: #FFFFFF;
    display: block;
    font-size: 35px;
    font-weight: 400;
    line-height: 36px;
    margin: -23px 0 0;
    text-align: right;
    text-shadow: 1px 1px 1px #000000;
    text-transform: uppercase;
}
.special-offer .star-5-big{
    margin: 12px 0 0 23px;
    float: right
}
.special-offer .hotel-name{
    color: #FFF;
    font-size: 55px;
    font-weight: 300;
    line-height: 55px;
    text-shadow: 1px 1px 1px #000;
    display: block;
    letter-spacing: -0.6px;
}
.special-offer .more-info{
    color: #FFF;
    font-size: 17px;
    line-height: 17px;
    text-shadow: 1px 1px 1px #000;
    display: block;
}

.special-offer .more-info,
.special-offer .s_from{
    font-size: 25px;
    font-weight: 300;
    line-height: 40px;
    text-align: center;
}
.special-offer .inner_text2 span{
    display: block;
    width: 100%;
    text-align: center;
}
.s_from{
    margin-top: 0
}
.s_price{
    color: #F68F1E;
    margin-top: 10px;
}
.width-0{
    width: 0;
}

/*POPULAR*/
.popular{
    margin-top: 0;
}
.popular-title{
    color: #514D4D;
    font-size: 34px;
    font-weight: 300;
    margin: 30px 0 5px;
}

.popular .star-5-big{
    float: left;
    margin: 11px 0 0 15px;
    height: 24px;
}
.popular-box:hover{
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s; /* Firefox 4 */
    -webkit-transition:all 0.2s linear 0s; /* Safari and Chrome */
    -o-transition: all 0.2s linear 0s; /* Opera */
}
.popular-box{
    width:262px;
    /*height: 106px;*/
    background: #EFEFEF;
    margin-top: 17px;
    position: relative;
    border-radius: 3px;
    float: left;
    margin-right: 20px
}
.popular-box:last-child{
    margin-right: 0
}

.popular-box .image a img{ display: block;}
.popular-box .text{
}
.popular-box .title a{ color: #4F75B9; }
.popular-box .subtitle a{ color: #514D4D; }

.popular-box .title a,
.popular-box .subtitle a{
    text-shadow: 1px 1px 0 #FFFFFF ; 
}


.popular-box.popular-hotels .subtitle a,
.popular-box.popular-hotels .title a{
    text-shadow: 1px 1px 0 #FFFFFF ;
}
.popular-box:hover.popular-hotels .subtitle a,
.popular-box:hover.popular-hotels .title a  {
    text-shadow: none;
}
.popular-box .subtitle a:hover{ 
    text-decoration: underline;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s; /* Firefox 4 */
    -webkit-transition:all 0.2s linear 0s; /* Safari and Chrome */
    -o-transition: all 0.2s linear 0s; /* Opera */
}
.col-1 .popular-box .title{ 
    color: #4F75B9;
    font-size: 19px;
    line-height: 23px;
    padding: 10px 0 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300
}
.col-1 .popular-box .subtitle{ 
    color: #514D4D;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
}
.col-2 .popular-box { 
}
.col-2 .popular-box .title{ 
    font-size: 19px;
    font-weight: 300;
    line-height: 21px;
    padding: 15px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.col-2 .popular-box .subtitle{ 
    font-size: 14px;
    line-height: 16px;
    padding: 15px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.popular-hotels .text{
    min-height: 135px
}
.p_foot{
    background:#F68F1E;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 400;
    line-height: 50px;
    min-height: 50px;
    padding-left: 20px;
}
.popular-hotels .p_bn{
    min-height: 50px;
    color: #FFF;
    font-size: 33px;
    font-weight: 500;
    background: #C56428;
    float: right;
    padding: 0 20px;
    font-size: 15px;
}

.popular-hotels .star-5-medium{
    margin: 20px auto 10px;
}

.col-2 .popular-box .badge{ 
    position: absolute; top:5px;right:43px; 
    background: none; 
    width: 106px; height: 94px;}
.col-2 .popular-box .badge{ 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #0896FF;
    font-size: 23px;
    line-height: 23px;
    position: absolute;
    right: 63px;
    text-shadow: 1px 1px 0 #FFFFFF;
    top: 25px;
    /*font-weight: bold;*/
    text-align: right;
    width: 60px;
}
.star-5-medium{background: url(../img/backgnds/stars-5-medium.png) no-repeat scroll 0px -1px transparent; height: 15px; margin: 7px 0 0 21px;}
.star-5-medium.star-1{width: 17px;}
.star-5-medium.star-2{width: 34px;}
.star-5-medium.star-3{width: 51px;}
.star-5-medium.star-4{width: 68px;}
.star-5-medium.star-5{width: 85px;}
.star-5-big{background: url(../img/backgnds/stars-5-big.png) repeat-x; height: 21px; margin: 0 0 0 0; display: block}
.star-5-big.star-1{width: 22px;}
.star-5-big.star-2{width: 44px;}
.star-5-big.star-3{width: 66px;}
.star-5-big.star-4{width: 88px;}
.star-5-big.star-5{width: 110px;}

/*SUBSCRIBE HOME*/
.home-subscribe{
    padding: 0 35px;
    height: 90px;
    background: transparent;
    border-radius: 0;
    border-top: 3px #F79020 solid
}
.home-subscribe .title{
    font-size: 22px;
    line-height: 22px;
    color: #51585B;
    text-shadow: none;
    float: left;
    margin-top: 36px;
    margin-left: 0;
}
.home-subscribe .btn{
    float: right;
    margin-top: 29px;
    margin-right: 0;
}
#subscribe_input{
    width: 290px;
    float: right;
    margin-top: 28px;
    margin-right: 52px;
}

/*WALKING BANNERS*/
#walking-banners{
    margin-top: 15px;
    padding-bottom: 25px;
}
#walking-banners a{
    margin-right: 15px;
    box-shadow:3px 3px 3px #DFDFDF;
    margin-top: 5px;
    height: 50px;
}
#walking-banners a { 
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
}
#walking-banners nobr a:last-child{
    /*margin-right: 0;*/
}
#footer{
    background: #323232;
    width: 100%;
    height: 103px;
    min-width: 1006px;
}
#footer .title{
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
    float: left;
    margin-top: 34px;
    margin-right: 43px;
    text-shadow: 2px 1px #000;
}
#footer .credit-cards{
    background: url(../img/footer/credit-cards.png) no-repeat;
    width:248px;
    height: 29px;
    float: left;
    margin-top: 39px;
}
#footer .social{ float: right; margin-right: -5px; margin-top: 26px;}
#footer .social a:first-child{margin-left: 0;}
#footer .social a{ width: 53px; height: 53px; display: block; float: left; margin-left: 9px;}
.social a.facebook{background: url(../img/footer/social/facebook.png) no-repeat;}
.social a.skype{background: url(../img/footer/social/skype.png) no-repeat;}
.social a.twiter{background: url(../img/footer/social/twiter.png) no-repeat;}
.social a.mail{background: url(../img/footer/social/mail.png) no-repeat;}
.social a.favorite{background: url(../img/footer/social/favorite.png) no-repeat;}
#footer .social .copy{
    font-size: 11px;
    line-height: 13px;
    color: #FFF;
    padding-left: 4px;
    letter-spacing: 0.4px;
    margin-top: 7px;
}

/*FOOTER SOHO GROUP*/
.group-footer {
    background: url(../img/footer/footer-far-bg.png) no-repeat scroll center top transparent;
    min-width: 1006px;
}
.group-footer .wrapp {
    height: 76px;
    padding-top: 10px;
    margin: 10px auto 0;
}
.group-footer .wrapp .logo, .group-footer .wrapp #ff-nav {
    float: left;
}
.group-footer .wrapp #ff-nav {
    margin-top: 31px;
    float: right;
}
.group-footer .wrapp #ff-nav li {
    float: left;
    list-style-type: none;
}
.group-footer .wrapp #ff-nav li a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    padding: 0 8px;
    text-decoration: none;
    text-shadow: 2px 1px #6C6164;
}
.group-footer .wrapp #ff-nav li a:hover {
    text-decoration: underline;
}
.group-footer .wrapp a.last{
    padding-right: 0px !important;
}

/*IMAGE PREVIEW*/
#preview{
    position:absolute;
    border: 0
        background:#51585B;
    padding:5px 0 7px;
    display:none;
    color:#fff;
    border-radius: 3px;
    font-weight: bold;
    z-index: 51
}
#preview img{
    display: block
}
a.preview{
    cursor: default
}
#preview span{
    background: #1A1A1A;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 31px;
    margin: 0;
    padding: 0 10px;
}

/*DATE PICKER*/
.ui-datepicker-trigger {
    cursor: pointer;
    padding-top: 6px;
    margin-left: -27px;
    position: absolute;
}

/*AUTOCOMPLETE*/
.ui-autocomplete-loading {
    background: url("../img/backgnds/autocomplete-indicator.gif") no-repeat scroll right center #FFFFFF;
}
.ui-menu {
    background-color: #EFEFEF;
    background-image: none;
    border: 1px solid #507799;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
}
.ui-menu li {
    background-image: none;
}
.ui-menu .ui-menu-item a {
    color: #507799;
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}
.ui-menu .ui-menu-item a.ui-state-focus {
    background-color: #F7931D;
    border-color: #F7931D;
    color: #FFFFFF;
    margin: -1px;
    padding: 0.2em 0.4em;
}
.ui-menu .ui-menu-item a.ui-state-active {
    background-color: #5EB946;
    border-color: #F7931D;
    margin: -1px;
    padding: 0.2em 0.4em;
}
.ui-autocomplete-category {
    color: #F7931D;
    cursor: default;
    display: block;
    font-weight: bold;
    line-height: 1.5;
    padding: 0.2em 0.4em;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background: none repeat scroll 0 0 #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
    outline: medium none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    outline: medium none;
    text-decoration: none;
}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-focus,.ui-autocomplete .ui-state-focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    outline: medium none;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #577E9F;
    outline: medium none;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #212121;
    font-weight: normal;
    outline: medium none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    outline: medium none;
    text-decoration: none;
}
.ui-menu .ui-menu-item a:hover {
    background: #FDB913;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-menu {
    background-color: white;
    border: 1px solid black;
    cursor: default;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 99;
}      
body.hotel ul.ui-autocomplete, body.searchresults ul.ui-autocomplete {
    min-width: 240px !important;
    width: 240px !important;
}
* html .ui-menu {
    width: 1px;
}
.ui-menu-item {
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.ui-menu-item a {
    background-position: 2px 4px;
    background-repeat: no-repeat;
    color: #51585B !important;
    display: block;
    padding: 0.2em 0.4em 0.2em 21px;
    text-decoration: none;
    white-space: nowrap;
}
.ui-menu-item .label {
    background-color: white;
    color: #555555;
    font-style: italic;
    padding: 0.2em 6px 0.2em 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.ui-menu-item .label i {
    background: url("//r.bstatic.com/static/img/fader.png") repeat-y scroll 0 0 transparent;
    left: -20px;
    padding: 0.2em 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.ui-menu-item a.ui-state-hover, .ui-menu-item a.ui-state-hover .label {
    background-color: #B0D3F3;
}
.ui-menu-item a.ui-state-hover .label i {
    background-position: -20px 0;
}
.ui-autocomplete li.airport a, .autocomplete_h_airport {
    background-image: url("//q.bstatic.com/static/img/icon-airport.png");
}
.ui-autocomplete li.country a, .autocomplete_h_country {
    background-image: url("//r.bstatic.com/static/img/icon-country.png");
}
.ui-autocomplete li.city a, .autocomplete_h_city {
    background-image: url("//q.bstatic.com/static/img/icon-city.png");
}
.ui-autocomplete li.district a, .autocomplete_h_district {
    background-image: url("//r.bstatic.com/static/img/icon-province.png");
}
.ui-autocomplete li.landmark a, .autocomplete_h_landmark {
    background-image: url("//r.bstatic.com/static/img/icon-landmark.png");
}
.ui-autocomplete li.region a, .autocomplete_h_region {
    background-image: url("//r.bstatic.com/static/img/icon-region.png");
}
.ui-autocomplete li.hotel a, .autocomplete_h_hotel {
    background-image: url("//r.bstatic.com/static/img/icon-hotel.png");
}
#autocomplete_skip {
    border-top: 1px solid #51585B;
    margin-top: 4px;
    text-align: center;
}
#autocomplete_skip:hover {
    background-color: #B0D3F3;
}
#autocomplete_skip_a {
    color: #0896FF !important;
    font-weight: bold;
    padding: 4px 0;
    white-space: normal;
}
#autocomplete_skip_a:hover {
    color: #51585B !important;
    font-weight: bold;
}
.partition_item {
    padding: 0.2em 0.4em !important;
}
.autocomplete_wide {
    padding-right: 80px;
}
.autocomplete_header {
    background-color: #FFFFFF;
    background-position: right 0;
    background-repeat: no-repeat;
    padding-left: 8px;
    padding-right: 21px;
    position: absolute;
    right: 3px;
    top: 3px;
}
.ui-menu-item a.ui-state-hover .autocomplete_header {
    background-color: #B0D3F3;
}

/*CALENDAR*/
.newcalendar{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 5px 5px 5px #555555;
    display: none;
    padding: 8px;
    position: absolute;
    z-index: 8888;
    border:0 !important;
    margin-top: -8px;
    width: 210px;
}
.newcalendar table, .newcalendar tbody, .newcalendar tr, .newcalendar td, .newcalendar th {
    vertical-align: top;
}
.newcalendar td {
    height: 25px;
    text-align: center;
}
.newcalendar th {
    color: #51585B;
    font-weight: normal;
    text-align: center;
}
.newcalendar td a {
    border: 2px solid #FFFFFF;
    color: #0896FF !important;
    display: block;
    font-weight: bold !important;
    height: 17px;
    margin-right: 2px;
    overflow: hidden;
    padding: 6px 5px 4px 5px !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.newcalendar td span {
    border: 2px solid #FFFFFF;
    color: #779BCA;
    display: block;
    height: 17px;
    margin-right: 2px;
    padding: 2px 0 0;
    text-decoration: none;
}
.newcalendar .ui-state-active{
    background-color: #51585B !important;
    border-color: #51585B !important;
    color: #FFFFFF !important;
}
.newcalendar td span, .newcalendar td a {
    border-radius: 4px 4px 4px 4px;
}
.newcalendar td.wk a {
    color: #51585B !important;
}
.newcalendar td a.no_av {
    color: #779BCA !important;
    font-weight: normal;
    text-decoration: line-through !important;
}
.newcalendar td a.has_av {
    background: none repeat scroll 0 0 #4DB61A !important;
    border-color: #4DB61A !important;
    color: #FFFFFF !important;
}
.newcalendar td a:hover {
    background: none repeat scroll 0 0 #51585B !important;
    border-color: #51585B !important;
    color: #FFFFFF !important;
}
.dayamount {
    color: #779BCA;
    float: right;
}
.newcalendar table {
    clear: both;
    width: 210px !important;
}
.newcalendar .ui-datepicker-header{
    color: #51585B;
    font-weight: bold;
    background-color: transparent;
}
.newcalendar .ui-icon {
    width:24px;
    height:24px
}
.newcalendar .ui-datepicker-prev, .newcalendar .ui-datepicker-next {
    top: 3px;
    width: 1.9em;
    cursor: pointer;
}
.newcalendar .ui-datepicker-prev span, .newcalendar .ui-datepicker-next span{
    margin-left: -12px;
    margin-top: -12px;
}
.ui-icon-circle-triangle-w {
    background:url('../img/calendar/butPrevMonth.png') no-repeat !important;
}
.ui-icon-circle-triangle-e {
    background:url('../img/calendar/butNextMonth.png') no-repeat !important;
}
.ui-state-hover .ui-icon-circle-triangle-e,
.ui-state-hover .ui-icon-circle-triangle-w
{
    background-position: 0 -24px !important;
}
.ui-state-disabled .ui-icon-circle-triangle-w{
    background-position: 0 0 !important;
}
.prevmonth, .nextmonth {
    display: block !important;
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 24px;
}
a.prevmonth:hover, a.nextmonth:hover {
    background-position: 0 -24px;
}
a.disabled, a.disabled:hover {
    background-position: 0 -72px !important;
    color: #666666;
    cursor: default;
}
.prevmonth span, .nextmonth span {
    display: block;
    padding-top: 30px;
    position: relative;
}

/*HOTELS LIST*/
.hotels-list,
.search-details
{
    margin-top: 0;   
    margin-bottom: 7px;   
}
.hotels-list{
    float: left;
    width: 709px;
}
.breadcrumb{
    padding-top: 3px;
}
.breadcrumb a,
.breadcrumb .direction
{
    color: #F79020;
    font-size: 13px;
    line-height: 15px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.breadcrumb .active{
    color:#51585B;
    font-size: 12px;
    line-height: 16px;
}
.sort-by label{
    color: #51585B;
    text-shadow:0 1px 1px #FFFFFF;
}
.sort-by .ui-dropdownized{
    width: 151px !important;
    background-position: 97% 50%;
}
.sort-by .ui-dropdownized div {
    padding-left: 8px;
    padding-top: 0;
    font-size:13px
}
.display{
    font-size: 26px;
    line-height: 100px;
    color: #51585B;
    padding: 0 0;
    font-weight: 700;
    margin-bottom: 20px
}
ul#list{
    margin-top: 20px
}
ul#list li{
    background: #fef4ea;
    margin-bottom: 20px;
}

.one_object{
    padding: 13px 13px;
    border-top: 1px solid #779BCA;
}
.hotels-list .one_object:last-child{
    border-bottom: 1px dashed #779BCA;
}
.one_object a:hover{
    text-decoration: underline;
}
.one_object .photo{
    border-radius: 0;
    float: left;
    height: 150px;
    overflow: hidden;
    width: 200px; 
}
.one_object .photo img{
    display: block;
}
.one_object .holder{
    float: left;
    margin-left: 15px;
    width: 467px;
}
.one_object h3{
}
.one_object a.btn{
    border-radius: 3px;
    padding: 5px 15px;
    font-weight: 500
}

.one_object h3 a{
    color: #51585B;
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-bottom: 10px;
    display: inline-block
}
.one_object h3 a:hover{
    color: #51585B;
    text-decoration: none;
    /*text-shadow: 1px 1px 0 #8F8F8F;*/
    transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s; /* Firefox 4 */
    -webkit-transition:all 0.1s linear 0s; /* Safari and Chrome */
    -o-transition: all 0.1s linear 0s; /* Opera */
}

.address a.show_map,
.one_object a.show_map{
    background: url(../img/backgnds/map_icon.png) no-repeat 0 0 transparent;
    color: #F68F1E;
    font-size: 12px;
    line-height: 19px;
    padding-bottom: 5px;
    padding-left: 36px;
    padding-top: 5px;
    margin-left: 7px;
}

.one_object .destination{
    font-size:14px;
    line-height: 23px;
    padding: 3px 0 3px 1px;
    color: #51585B;
    font-weight: 300;
    margin: 7px 0 15px
}
.one_object .object_info
{
    font-size:13px;
    line-height: 16px;
    color: #51585B;
    padding: 3px 0 5px;
    width: 353px;
    margin-top: 10px
}
.one_object .object_info a.more{
    color: #fdb913;
    font-size: 13px
}
.one_object .destination a,
.hotel-details .address a
{
    color: #fdb913;
    font-weight: normal;
}
.hotel-details .address a:hover {
    /*color: #0896FF*/
}
.one_object .rooms{
    position: absolute;
    bottom: 0;
}
.one_object .rooms .col{
    float: left;
    margin-right: 30px;
}
.one_object .rooms .col:last-child{
    margin-right: 0;
}
.one_object .action{
    float: right;
    margin: 15px 0 5px;
}
.one_object .max_ps,
.hotel-details .max_ps
{
    background: url("../img/content/person.png") repeat-x left center;
    min-width: 9px;
    height: 10px;
    float: left;
    line-height: 24px;
    height:24px;
    margin-right: 13px;
}

.hotel-details .max_ps{
    margin: 0 auto;
    display: block;
    float: left
}
.hotel-details .max_ps_txt{
    margin: 5px 0 0 5px;
    color: #51585B
}

.ps_1{width:9px}
.ps_2{width:18px}
.ps_3{width:27px}
.ps_4{width:36px}
.ps_5{width:45px}
.ps_6{width:54px}
.ps_7{width:63px}
.ps_8{width:72px}
.ps_9{width:81px}
.one_object .price{
    color: #82ba41;
    font-size: 24px;
    line-height: 24px;
    float: left;
}
.one_object .hotel-star{
    background: url("../img/content/star.png") repeat-x left center;
    min-width: 15px;
    line-height: 22px;
    height:15px;
    margin-left: 7px;
    white-space: nowrap;
    display: inline-block;
}
.star_1{width:15px}
.star_2{width:30px}
.star_3{width:45px}
.star_4{width:60px}
.star_5{width:75px}
.hotel-details .hotel-star{
    background: url("../img/content/star-bigger.png") repeat-x left center;
    min-width: 17px;
    line-height: 22px;
    height:22px;
    margin-left: 15px;
    white-space: nowrap;
    display: inline-block;
}
.hotel-details .star_1{width:17px}
.hotel-details .star_2{width:34px}
.hotel-details .star_3{width:51px}
.hotel-details .star_4{width:68px}
.hotel-details .star_5{width:85px}

.hotel-details .one_facility .title{
    display: block;
    float: left;
    font-weight: bold;
    width: 136px;
}

.hotel-details .one_facility .text{
    display: block;
    float: left;
    font-size: 13px;
    margin-left: 5px;
    width: 538px;
}

/*Tooltip and Pointer CSS*/
.ui-tooltip { 
    padding:8px; 
    max-width: 300px; 
    position:absolute; 
    z-index:9999; }
body .ui-tooltip { border-width:2px; }
.ui-tooltip .ui-tooltip-pointer,.ui-tooltip .ui-tooltip-pointer-inner { position:absolute; width:0; height:0; background:none; }

.ui-tooltip{
    background-color: rgba(33, 33, 33, 0.176);
    border-radius: 4px 4px 4px 4px !important;
    opacity: 1;
    padding: 0;
    border: 0;
    overflow: hidden !important;

}
.ui-tooltip-content{
    background: none repeat scroll 0 0 #FFEDBC;
    border: 1px solid #EEAE01;
    border-radius: 4px 4px 4px 4px !important;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    opacity: 1 !important;
    padding: 5px 7px;
    position: relative;
    text-align: left;
    overflow: hidden !important;
    line-height: 16px
}
/*YOUR DETAILS BOX*/
.search-details{
    float: right;
}
.details-box {
    width: 250px;
    position: relative;
    height: 320px !important;
    min-height: 320px;
}
.details-box .title{
    font-size: 26px;
    line-height: 26px;
}
.details-box label{
    font-size: 19px;
    line-height: 19px;
    padding-bottom: 2px;
}
.details-box .details{
    font-size: 14px;
    color: #fdb913;
    text-shadow: 0 1px 1px #2F2F2F;
}
.details-box .form-actions{
    bottom: 17px;
    position: absolute;
    right: 13px;
}
/*CHANGE SEARCH BOX*/
.details .big-box{
    width: 381px;
    display: block;
    background: #acacac;
    min-height: 520px;
}
.details .big-box label, .details.fixcol label {
    font-size: 15px;
    line-height: 19px;
    padding-bottom: 1px;
}
.details .big-box .title{
    font-size: 26px;
    line-height: 26px;
}
.details .form-col div.col {
    margin-left: 0;
    /*float: none;*/
}
.details .fixcol div.col{
    float: left;
    width: 73px
}
.details .ui-datepicker-trigger {
    /*    cursor: pointer;
        position: absolute;
        right: 4px;
        top: 21px;
        width: 20px;*/
}
.details .form-col div.col:last-child{
    margin-top: 13px;
}
.details .big-box input,
.details #dest_hot
{
    /*    width: 206px;
        font-size: 12px;
        padding-bottom: 4px;*/
}
.details #destination_hotel{font-size: 13px;}
.details .fixcol .col {
    /*margin-left: 0 !important;*/
    /*margin-top: 5px;*/
}
.details .fixcol .col:last-child {
    /*margin-top: 5px !important;*/
}
.details .fixcol label{
    /*line-height: 29px;*/
    /*width: 130px;*/
}
.details .top-30{
    margin-top: 21px;
}
.details .top-50{
    margin-top: 23px;
}
.details .ui-dropdownized{
    /*    font-size: 12px;
        height: 23px;
        padding: 0;
        width: 59px !important;
        background-size: 19px 17px;*/
}
/*HIDE FROM*/
.details .show_search_form{
    display: block; 
    /*    position: absolute;*/
}
.side-google-map{
    height: 205px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
    border: 10px solid #ACACAC;
    background: url(../img/backgnds/map_bg.png) no-repeat center center !important;
    cursor: default !important;
}
.side-google-map img{
    left: 113px;
    position: absolute;
    top: 77px;
}
.side-google-map a img{
    display: block;
}
.side-google-map .action{
    margin-top: 150px;
}
.side-google-map .action .btn{
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    padding: 5px 37px;
    width: 90px;
    text-align: center
}

/*HOTEL DETIALS*/

.hotel-details .btn-primary{
    position: relative;
    top: 2px;
}

.hotel-details h1{
    font-size: 30px;
    line-height: 30px;
    color: #51585B;
    padding: 10px 0 5px;
    letter-spacing: -1px;
    font-weight: 500
}
.hotel-details .address{
    color: #51585B;
    font-size: 13px;
    line-height: 22px;
}
.hotel-top-wrap{
    border-bottom: 0 none;
    padding: 15px 0;
    margin-bottom: 25px;
    min-height: 70px;
}
.hotel-details .gallery{
    padding-top: 7px;
    margin-left: -4px;
}
.hotel-details .gallery .key-photo{
    float: left;
    margin-left: 7px;
    border-radius:6px;
    overflow: hidden;
    width:398px;
    height:236px;
}
.hotel-details .gallery img{
    display: block;
}
.hotel-details .gallery a{
    float: left;
    margin-left: 7px;
    margin-bottom: 7px;
    border-radius:6px;
    overflow: hidden;
}
.hotel-details .object_info{
    margin-top: 11px;
}
.hotel-details .object_info p{
    color: #51585B;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 0;
}
.hotel-details .nr_units p{
    color: #8c8c8c;
    font-size: 12px;
    font-style: italic;
    padding: 9px 0 0;
}
.smart-deal {
    background:  #5075B9;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    height: 16px;
    line-height: 15px;
    margin: 0 0 0 10px;
    padding: 2px 15px 1px;
    text-align: center;
    width: 80px;
}
.hotel-details .smart-deal{
    margin: 0 0 0 25px;
}
.iconset-1 {
    /*border:1px solid #51585B;*/
    padding: 0 0 0 5px;
    float: right;
    margin-top: 17px;
    margin-right: -5px;
}
.iconset-1 div{
    background: url("../img/content/iconsset-1.jpg") no-repeat;
    width:49px;
    height:37px;
    float: left;
    margin: 0 2px;
}
.iconset-1 .wifi{ background-position: -5px 0;}
.iconset-1 .internet{ background-position: -68px 0;}
.iconset-1 .parking{ background-position: -131px 0;}
.iconset-1 .poll{ background-position: -190px 0;}
.iconset-1 .vip{ background-position: -259px 0;}
.iconset-1 .pets{ background-position: -328px 0;}

.hotel-details h3{
    color: #F79020;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 17px;
    margin-top: 20px;
    padding: 5px 0 8px;
    border-bottom: 1px #E2E2DF solid
}
.normal{font-weight: normal}
.hotel-details table{
    width: 100%;
    margin-top: 9px;
}
.hotel-details table th{
    background: #51585B;
    font-size: 13px;
    color: #FFF;
    font-weight: normal;
    padding: 8px 0;
}
.hotel-details table td{
    border:1px dashed #F79121;
    padding: 10px;
}
.hotel-details table td .title{
    color: #F3B16E;
    font-size: 15px;
    font-weight: 700;
    line-height: 23px;
    overflow: hidden;
    padding-left: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hotel-details table td .photo{
    float: left;
    width: 70px;
    height: 70px;
    background: url(../img/backgnds/no-picutre.png) no-repeat center center;
    border-radius: 3px
}
.hotel-details table td .holder{
    float: left;
    min-height: 82px;
    overflow: hidden;
    padding-left: 15px;
    position: relative;
    width: 340px;
}

.hotel-details table td:nth-child(2) div.relative{position: relative}
.hotel-details table td:nth-child(5) div.relative{position: relative}

.hotel-details table td .cancelation{
    background: url("../img/backgnds/info.png") no-repeat scroll right top transparent;
    cursor: help;
    display: block;
    height: 15px;
    line-height: 1.4em;
    position: absolute;
    right: 0;
    top: 2px;
    width: 15px;  
}   
.green{
    color: #82BA41;
}

.hotel-details table td .info{ 
    color:#51585B; 
    font-size: 13px;
    line-height: 16px;
}

.hotel-details table td .units_left_wrap{
    width: 100%;
    margin-bottom: 3px;
}
.hotel-details table td .units_left{
    color: #990000;
    font-size: 88%;
    border-bottom: 1px dotted #990000;
    cursor: help;
    font-weight: bold;
}
.hotel-details table td .read_room{
    border-bottom: 1px dotted #F79020;
    color: #F79020;
    cursor: pointer;
    font-weight: bold;
}

.hotel-details table td .holder .info { font-size: 12px;}
.hotel-details table td .holder div.info {
    margin: 3px 0 7px
}

.hotel-details table td img{ 
    display: block; 
    border-radius: 6px; 
}
.hotel-details table td:first-child{
    width:377px;
    border-left: 0;
    border-right: 0;
    border-top: 0 ;
    padding-left: 0;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hotel-details table td:nth-child(2),
.hotel-details table td:nth-child(3),
.hotel-details table td:nth-child(4)
{
    vertical-align: middle;
}
.hotel-details table td:nth-child(2){
    border-left: 0 ;
    border-right: 0 ;
    border-top: 0 ;
    width: 90px;
}
.hotel-details table td:nth-child(3){width: 83px; text-align: center; margin: 0 auto;}
.hotel-details table td:nth-child(4){width: 80px;}
.hotel-details table td:nth-child(5){width: 100px; text-align: center; vertical-align: middle;  border-right: medium none; background:#c6d4e9; padding: 0}
.hotel-details table td:nth-child(5) .ui-dropdownized {margin: 0 auto}
.hotel-details table td:nth-child(6) {
    padding: 17px 6px 0;
    border-right: none;
    background:#c6d4e9;
    border-bottom: none;
    border-top: none;
}
.hotel-details table tr:last-child td:nth-child(6) {
    border-bottom:1px solid #51585B;
}
.hotel-details table td:nth-child(6) .btn-primary {padding: 7px 13px}
/*.hotel-details .max_ps{
background: url("../img/content/person-bigger.png") repeat-x left center;
min-width: 13px;
height: 15px;
line-height: 24px;
margin: 0 auto;
}
.hotel-details .ps_1{width:13px}
.hotel-details .ps_2{width:26px}
.hotel-details .ps_3{width:39px}
.hotel-details .ps_4{width:52px}
.hotel-details .ps_5{width:65px}
.hotel-details .ps_6{width:78px}
.hotel-details .ps_7{width:91px}
.hotel-details .ps_8{width:104px}
.hotel-details .ps_9{width:117px}
*/
.hotel-details table td .price{
    color: #F79020;
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 41px;
    text-align: right;
}
.hotel-details .one_facility{
    color: #51585B;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0 6px; 
}
.hotel-details .one_facility_last {border-bottom: none}

.hotel-details .one_facility div{float: left}
.hotel-details .facility_wrap{margin: 10px 0 15px 0}
.why_book{
    background: #f9f9f9;
    /*    border: 8px solid #E6EDF6;*/
    border-radius: 8px;
    padding: 23px 23px;
    margin-top: 20px;
    /*    box-shadow: 0 0 6px #999999;*/
    border: 1px solid #cbd2e8
}
.why_book ul li{
    background: url("../img/backgnds/ok_li.png") no-repeat scroll 0 3px transparent;
    color: #51585B;
    font-size: 23px;
    line-height: 47px;
    padding-left: 43px;
    text-shadow: 1px 1px 0 #FFFFFF;

}
.why_book div:first-child{
    /*float: left;*/
    /*width: 500px;*/
}
.why_book div:nth-child(2){
    /*float: left;*/
    /*width: 400px;*/
}
.we_recommend li{
    margin-top: 20px;
    position: relative;
    float: left;
    /*border-radius: 8px;*/
    overflow: hidden
}
/*.we_recommend li:nth-child(2n+2){
    width: 480px;
    margin-left: 20px;
    overflow: hidden
}​*/
.we_recommend .p_foot{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding: 0 15px;
    display: block
}
.we_recommend .p_foot:hover{
    color: #FFF
}
.we_recommend li img{display: block}
.we_recommend .hotel-name {
    bottom: 36px;
    color: #FFFFFF;
    display: block;
    font-size: 36px;
    letter-spacing: -0.6px;
    line-height: 36px;
    position: absolute;
    right: 14px;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
    /*width: 428px;*/
}
.we_recommend .more-info {
    color: #FFFFFF;
    display: block;
    font-size: 33px;
    left: 20px;
    line-height: 30px;
    position: absolute;
    right: 16px;
    text-align: left;
    text-shadow: 1px 1px 1px #000000;
    top: 20px;
}
.we_recommend a img{
    display: block
}
.google-object{
    margin: 0;
    padding: 0
}
.google-object .object-box {
    background: none;
    border-radius: 6px 6px 6px 6px;
    height: 106px;
    margin-top: 0;
    position: relative;
    width: 570px;
}
.object-box .review_float {
    font-size: 18px;
    margin-right: 10px;
    margin-top: -2px;
    position: absolute;
    right: 0;
    top: 0;
}
.object-box .image {
    border-radius: 6px 6px 6px 6px;
    float: left;
    height: 88px;
    margin: 0 0 0 0;
    overflow: hidden;
    width: 88px;
}
.object-box .image a img {
    display: block;
}
.object-box .text {
}
.object-box .title {
    font-size: 23px;
    line-height: 23px;
    padding: 0 0 0 10px;
    /*    width: 272px;*/
}
.object-box .subtitle {
    font-size: 16px;
    line-height: 16px;
    padding: 4px 0 0 10px;
}
.object-box .subtitle, .object-box .title a {
    text-shadow: 1px 1px 0 #FFFFFF;
    letter-spacing: -0.5px;
}
.object-box .title a {
    color: #0896FF;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    white-space: nowrap;
    line-height: 26px;
}
.object-box .subtitle {
    color: #51585B;
    z-index: 8;
}
.object-box .title a,
.object-box .star-5-medium{
    float: left
}
.object-box .star-5-medium{
    margin: 5px 0 0 13px
}
.object-box  .rooms{
    padding: 23px 0 0 11px
}
.object-box  .rooms .col {
    float: left;
    margin-right: 20px;
}
.object-box .max_ps {
    background: url("../img/content/person.png") repeat-x scroll left center transparent;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 13px;
    min-width: 9px;
}
.object-box .price {
    color: #82BA41;
    float: left;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}
#cboxOverlay {
    background: none repeat scroll 0 0 #000000 !important;
    opacity: 0.37 !important;
}
#cboxLoadedContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid rgba(0, 0, 0, 0.4);
}
#cboxClose {
    height: 24px;
    right: 2px;
    top: 9px;
}

/*HOTEL GOOGLE MAP*/
#google_map{
    width:590px; 
    height:500px;
    float: left;

}
#google-list{
    width: 410px;
    overflow: auto;
    height:500px;
    float: left;
    box-shadow: 3px 0 2px -1px rgba(0, 0, 0, 0.1);
}
.GH{
    position: relative;
    border-color: #EBEBEB #FFFFFF;
    border-style: solid solid solid none;
    border-width: 1px;
    cursor: default !important;
    height: 84px;
    right: 0;
    z-index: 1;
    margin-top: -1px;
}
.GH:first-child{
    margin-top: 0
}
.GH:hover{
    border-color: #CCC;
    box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.2);
    z-index: 3
}
.GH img{
    display: block;
    background-color: white;
    display: block;
    height: 70px;
    left: 16px;
    position: absolute;
    top: 7px;
    width: 70px;
}
.GH .title{
    font-size: 16px;
    left: 96px;
    overflow: hidden;
    position: absolute;
    right: 80px;
    text-overflow: ellipsis;
    top: 16px;
    white-space: nowrap;
}
.GH .subtitle{
    left: 96px;
    max-width: 152px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 39px;
    white-space: nowrap;
    color: #51585B;
}
.GH .list{
    background: url("../img/google/list.png") no-repeat scroll 0 0 transparent;
    height: 6px;
    left: 5px;
    overflow: hidden;
    position: absolute;
    top: 39px;
    width: 6px;
}
.GH .stars{
    color: #777777;
    font-size: 11px;
    position: absolute;
    top: 42px;
    left: 213px;
}
.GH .GH-star{
    background: url("../img/google/star.png") repeat-x scroll 0 0 transparent;
    display: inline-block;
    height: 11px;
    overflow: hidden;
    position: relative;
    width: 10px;
}
.GH .price{
    font-size: 13px;
    top: 18px;
    color: black;
    font-weight: bold;
    position: absolute;
    right: 8px;
}
.GH .no-price{
    color: #777777;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    right: 8px;
    text-align: right;
    top: 19px;
    width: 60px;
}

.details .show_search_form, .side-google-map {
    display: block;
}
.side-google-map:hover{
    cursor: pointer
}

#filter{
    /*width: 250px*/
}

#filter_wrap{
    background: #FFF;
    border: 10px solid #ACACAC;
    padding: 5px;
    margin-top: 10px;
    border-radius: 0
}
#filter_wrap h3{
    margin: 13px 4px 0;
    font-weight: normal;
    color: #FFF;
    font-size: 14px;
    font-weight: 300
}
#filter_wrap h3.filter_by {
    color: #F79020;
    font-size: 20px;
    font-weight: 500
}
.filterbox{
    margin-top: 9px;
}
.filtercategory{
    background-color: #FFF6DF;
    color: #FF6600;
    /*    padding-left: 20px;
    background-image: url(../img/filter/icon_open.gif);
    background-position: 2px 2px;
    background-repeat: no-repeat;*/
}
h3.filter_title{
    text-shadow: none;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 2px;
    padding: 3px 0 3px 6px;
    background-color: #5075B9;
    color: #FF6600;
}
.filteroptions .filterelement{
    color: #51585B;
    display: block;
    font-weight: normal;
    line-height: 14px;
    text-decoration: none;
}
.filteroptions .filterelement .filter_meta {
    float: right;
    padding: 3px 5px 3px 0;
    text-align: right;
    text-transform: lowercase;
}
.filteroptions .filterelement .filter_item {
    background-position: 6px 5px;
    background-repeat: no-repeat;
    font-size: 1.1em;
    line-height: 1.3em;
    padding: 3px 2px 3px 24px;
    text-transform: capitalize;
}
.filteroptions .active .filter_item {
    background-color: #339900;
    background-position: 6px 4px;
}
.filterelement:hover .filter_item{
    background-color: #FFF6DF
} 
.filteroptions .filterelement:hover{
    color: #0896FF;
}
.filteroptions{
    margin: 0 4px
}
.filteroptions a.active {
    color: #FFF
}
.filteroptions a.active:hover {
    background-color: #990000;
    color: #FFF
}
.filteroptions a.active:hover .filter_item {
    background-color: #990000;
}
.hotel-details .btn{
    border-radius: 3px;
    box-shadow: none;
    display: block;
    padding: 7px 12px 6px;
    text-align: center;
    /*width: 74px;*/
    float: right;
}

.x_facilities{
    color: #51585B;
    margin-bottom: 30px !important
}

.x_facilities strong{
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 12px;
    display: block
}
.x_facilities ul{
    margin-bottom: 20px
}

.x_facilities ul li {
    background: url("../img/content/icon_li.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    float: left;
    line-height: 17px;
    list-style-type: none;
    margin-right: 20px;
    padding: 0 0 0 15px;
    width: 28%;
}

.hotel-details  #go_to_rooms .btn{
    padding: 6px 20px
}


.hotel-details .btn-primary {
    border: 3px solid #FFFFFF;
    box-shadow: 0 1px 1px #2F2F2F;
    font-size: 14px;
    padding: 7px 25px 3px;
}
.review_float{
    color: #5075B9;
    float: right;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-top: 1px;
    padding: 0;
    text-align: right;
}
.score_from_number_of_reviews {
    clear: both;
    display: block !important;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 1em;
    padding-top: 3px;
    color: #51585B;
    letter-spacing: 0
}
.view_all_reviews{
    color: #FDB913;
    font-size: 17px;
    font-weight: 300;
}
.view_all_reviews:hover{
    color: #51585B;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s; /* Firefox 4 */
    -webkit-transition:all 0.2s linear 0s; /* Safari and Chrome */
    -o-transition: all 0.2s linear 0s; /* Opera */
}
.top-book-now{
    position: absolute;
    right: 0;
    top: -10px
}
.hotel-details{
    position: relative;
    z-index: 0
}
#hotel-reviews table td{
    padding: 15px
}
#hotel-reviews table td:first-child {
    width: 50%;
    background: #c6d4e9;
    vertical-align: middle;
    text-align: center;
}
#hotel-reviews table th {
    font-size: 16px;
    font-weight: normal;
    padding: 5px 0;
}
#hotel-reviews  table td:nth-child(2) {
    width: 50%;
    border-right: 0;
    padding-right: 0 !important;
}
#hotel-reviews .i_line{
    padding: 5px 0
}
#hotel-reviews .i_title{
    color: #51585B;
    font-size: 15px;
    width: 100px;
    height: 26px;
    line-height: 26px;
}
#hotel-reviews .i_title, #hotel-reviews  .i_elem{
    float: left
}
#hotel-reviews  .i_elem input{
    height: 15px;
    line-height: 15px;
}
#hotel-reviews  .i_elem input,
#hotel-reviews  .i_elem select,
#hotel-reviews  .i_elem textarea{
    width: 223px;
    max-width: 223px;
    min-width: 223px;
    border: 1px solid #dedede;
    color: #333;
    font-size: 13px
}
#hotel-reviews  .i_elem select{
    width: 233px;
    max-width: 233px;
    height: 23px;
    line-height: 23px;
}
#hotel-reviews  .i_elem textarea{
    height: 100px;
    max-height: 100px;
    min-height: 100px;
}
#hotel-reviews .btn{
    letter-spacing: 0;
    padding: 6px 15px 4px;
    margin-right: 15px
}
#hotel-reviews .i_line:last-child{
    text-align: right;
    margin: 5px 0
}
#hotel-reviews .big_score{
    color: #51585B;
    font-size: 75px;
    margin: 0 auto;
    display: block;
    padding:5px 0px 0px
}
#hotel-reviews .big_score span{
    font-size: 21px
}
.one_comment{
    border-bottom:1px solid #CCC;
    padding: 10px
}
.one_comment .ccol--1{
    float: right;
    width: 100px;
    color: #51585B;
    font-size: 23px;
    text-align: center
}
.one_comment .ccol-1,
.one_comment .ccol-2
{
    float: left;
}
.one_comment .ccol-1 .f_l_name{
    color: #0896FF;
    font-size: 20px;
    margin-top: -4px;
    line-height: 23px
}
.one_comment .ccol-1 .date{
    color: #969696;
    font-size: 12px;
    font-family: 'FuturaMed';
    margin-top: 1px

}
.one_comment .ccol-1{
    width: 130px
}
.one_comment .ccol-2{
    width: 430px;
    color: #51585B
}
.error{
    border: 1px solid #990000 !important
}
#freeow .error{
    border: 0 !important
}


.we_guarantee_wrap {
    color: #51585B;
    font-size: 13px;
    line-height: 21px;
}
.we_guarantee_wrap div {
    padding: 2px 0px 10px 0px;
    font-size: 16px;
    font-weight: bold;
}

.we_guarantee_wrap a {
    font-weight: bold;
    text-decoration: underline;
    color: #51585B;
}

.we_guarantee_wrap ol {
    padding: 0 0 25px 0;
}
.we_guarantee_wrap ol li {
    padding: 2px 0px 0px 23px;
    list-style: none;  
    background: url("../img/content/icon-ok-green.png") no-repeat 0 5px;  
    font-style: normal;
}
.we_guarantee_wrap ol li span {
    font-weight: bold;
}

.tos {

}


.destinations_special .inner_text{
    position: absolute;
    top:inherit;
    left:inherit;
    background: transparent;
    margin: 10px;
    padding: 10px 15px;
    height: auto;
    width: auto;
    border-radius: 8px

}
.destinations_special .inner_text .hotel-name,
.destinations_special .inner_text .more-info
{
    text-align: left;
    position: relative;
    top: 0;
    left: 0;

}
.destinations_special .inner_text .hotel-name{
    font-size: 51px;
    line-height: 51px;
    width: auto;
    text-shadow: 1px 1px 1px #000000;
    padding-left: 0;
    text-align: center;
}
.destinations_special .inner_text .more-info{
    font-size: 23px;
    text-shadow: 1px 1px 1px #000000;
    line-height: 30px;
    margin-left: 1px;
    text-align: center;
}
.bxslider li a{
    display: block
}
.inner_text img{
    float: right
}
.img{
    display: block;
    float: left;
    padding: 13px 0 0 10px
}

.pagination
{
    text-align: center;
    margin-top: 45px;
}
.pagination a{
    margin-left: 6px;
    margin-right: 6px;
}

.pagination-btn{
    color: #257ed7;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
}

.pagination-btn:hover{
    color: #5B2;
}
#google_map{
    width: 71%
}
#google-list{
    width: 29%
}

.table-holder {
    padding-bottom: 10px;
}
.table-holder table{
    width: 682px;
    margin: 10px 13px 0;

}
table.rooms th {
    /*background-color: #f1f1f1;*/
    color: #737373;
    font-size: 11px;
    font-weight: normal;
    padding: 3px 7px 2px;
    text-transform: uppercase;
}
table.rooms td {
    padding: 5px;
    vertical-align: middle;
}
table.rooms th, table.rooms td {
    border-top: 1px dashed #F68F1E;
    text-align: center;
}
table.rooms th:first-child, table.rooms td:first-child {
    color: #51585B;
    font-weight: 300;
    text-align: left;
}
table.rooms th:last-child, table.rooms td:last-child {
    text-align: right;
    width: 113px;
}
table.rooms td:first-child a {
    color: #51585B;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 0 5px;
    margin-top: 2px;
}
table.rooms .price {
    font-size: 18px !important;
    line-height: 18px;
}
#accommodation-body table.rooms td {
    font-size: 13px;
}
#accommodation-body table.rooms td a {
    color: #227AD3;
}
#accommodation-body table.rooms td a:hover {
    color: #EA8022;
}
#accommodation-body table.rooms .price span {
    font-size: 13px;
}
table.rooms td a:hover {
    text-decoration: none;
}
.table-hover tbody tr:hover > th {
    background-color: #FFF;
}
.table-hover tbody tr:hover > td {
    background-color: #FAF6EE;
}
table.rooms tbody tr:last-child td{
    border-bottom: 0
}
.btn-green{
    background: #4DB61A
}
.btn-green:hover{
    background: #339900
}
.one_object{
    border-top: 0;

}
table.rooms td:nth-child(2){
    color: #F68F1E;
    font-weight: 500;
}
.gray{
    color: #999999
}
.js_item{
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);*/
}


/*
Pica Choose Gallery
______________________________________________________________________*/

.pikachoose{
    margin-top: 9px;
}
.pika-stage {
    width: 709px;
    height: 403px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-bottom: 0;
}
.pika-stage img {
    width: 100%;
}
.pikachoose-whiteout {
    position: relative;
    width: 522px;
}
.pika-stage .pika-aniwrap {
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 9;
}
.pika-stage, .pika-thumbs li, .pika-stage .caption {
    position: relative;
}
.pika-stage .caption {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 18px;
    font-family: Rokkitt;
    height: 31px;
    padding: 7px;
    position: absolute;
    right: 18px;
    width: 250px;
}
.pika-stage .caption a {
    color: black;
}
.pika-imgnav {
    display: none !important;
}
.pika-imgnav a {
    background: url("../img/gallery.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 65px;
    position: absolute;
    right: 0;
    text-indent: -5000px;
    top: 10px;
    width: 55px;
    z-index: 11;
}
.pika-imgnav a.next, .pika-imgnav a.previous {
    background-position: -10px -160px;
    top: 125px;
}
.pika-imgnav a.previous {
    background-position: 0 -86px;
    left: 0;
}
.pika-imgnav a.play {
    background-position: 0 -240px;
    right: 0;
    width: 70px;
    display: none
}
.pika-thumbs li {
    background: transparent;
    float: left;
    height: 81px;
    list-style: none outside none;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 135px;
}
.pika-thumbs li .clip {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.pika-thumbs li .clip img{
    opacity: 1 !important
}
.pika-textnav {
    display: none;
}
.pika-counter {
    display: none;
}
.jcarousel-clip-horizontal {
    overflow: hidden;
    margin: 0 69px
}
.jcarousel-container {
    height: 90px;
    overflow: hidden;
    padding: 8px 0 0 0;
    position: relative;
    z-index: 10;
}
.jcarousel-prev, .jcarousel-next {
    background: url("../img/gallery.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: block;
    height: 98px;
    position: absolute;
    top: 0px;
    width: 59px;
}
.jcarousel-prev {
    background-position: 0 0;
    left: 0;
}
.jcarousel-next {
    background-position: -66px 0;
    right: 0;
}

.jcarousel-skin-pika{
    background: #EFEFEF
}